page{
  height:100%;
  background-color:#F7F7F7;
  font-size:calc(unit(24,rpx) * 750 / 390);
}
.img{
  width:100%;
  height:61.6%;
  .addImage{
    width:calc(unit(40,rpx) * 750 / 390);
    height:calc(unit(40,rpx) * 750 / 390);

    position: absolute;
    z-index:60;
  }
  .t0{
    left: calc(unit(252,rpx) * 750 / 390);
    top: 41.5%
  }
  .t1{
    left: calc(unit(253,rpx) * 750 / 390);
    top: 44.4%;
  }
  .t2{
    left: calc(unit(290,rpx) * 750 / 390);
    top: 20%;
  }
  .bgImage{
    width:100%;
    height:100%;

  }
  .showImage{
    width:100%;
    height:84.23%;
    position: absolute;
    z-index:50;
    left: 0;
    top: 0;
    .type{
      width:100%;
      height:100%;
      position: relative;
      z-index:55;
      .ipImg0{
        width:calc(unit(110,rpx) * 750 / 390);
        height:25.17%;
        position: absolute;
        top:43%;
        left: calc(unit(21.5+119,rpx) * 750 / 390);;
        z-index:60;
        transform: translateX(-5%);
      }
      .ipImg1{
        width:calc(unit(110,rpx) * 750 / 390);
        height:25.17%;
        position: absolute;
        top:43%;
        left: calc(unit(21.5+119,rpx) * 750 / 390);;
        z-index:60;
        //transform: translateX(-5%);
      }
    }
    .type1{
      width:calc(unit(120,rpx) * 750 / 390);
      height:calc(unit(120,rpx) * 750 / 390);
      .ipImg2{
        width:calc(unit(80,rpx) * 750 / 390);
        height:calc(unit(80,rpx) * 750 / 390);
        position: absolute;
        top:calc((100% - unit(80,rpx) * 750 / 390)/2);
        left:calc((100% - unit(80,rpx) * 750 / 390)/2);
        z-index:60;
      }
    }
    .t1{
      position: absolute;
      left:calc(unit(73,rpx) * 750 / 390);
      top:25%;
    }
    .t2{
      position: absolute;
      left:calc(unit(201,rpx) * 750 / 390);
      top:25%;
    }
    .t3{
      position: absolute;
      left:calc(unit(73,rpx) * 750 / 390);
      top:55%;
    }
    .t4{
      position: absolute;
      left:calc(unit(201,rpx) * 750 / 390);
      top:55%;
    }
    .shadow{
      width:calc(unit(251,rpx) * 750 / 390);
      height:7.99%;
      position: absolute;
      left: calc(unit(69,rpx) * 750 / 390);;
      top:92%;
      z-index:50;
    }
  }
}
.block{
  height:22.5%;
  width:calc(unit(300,rpx) * 750 / 390);
  //background-color:lightblue;
  position:relative;
  margin-top: calc(unit(32,rpx) * 750 / 390);
  left: calc(unit(45,rpx) * 750 / 390);
  .block_top{
    height:25.79%;
    position:relative;
    .line1{
      font-size:calc(unit(18,rpx) * 750 / 390);
      height:42.9%;
      line-height:calc(unit(21,rpx) * 750 / 390);
      color:#979797;
      //margin-bottom:calc(unit(5,rpx) * 750 / 390);
    }
    .line2{
      position: absolute;
      bottom:0;
      font-size:calc(unit(24,rpx) * 750 / 390);
      height:48.98%;
      font-weight:bold;
      color:#979797;
      transform: translateY(calc(unit(-4,rpx) * 750 / 390));
      image{
        height:2.84vh;
        width:2.84vh;
        transform: translateY(calc(unit(4,rpx) * 750 / 390));
      }
    }
  }
  .block_bottom{
    position: absolute;
    bottom:0;
    width: 100%;
    height:65.79%;
    .line1{
      .block_top .line1;
      height:16.8%;
    }
    .line2{
      margin-top:calc(unit(4,rpx) * 750 / 390);
      font-size:calc(unit(24,rpx) * 750 / 390);
      height:19.2%;
      line-height:calc(unit(24,rpx) * 750 / 390);
      font-weight:bold;
      color:black;
    }
    .line3{
      position: absolute;
      bottom:0;
      height: calc(unit(60,rpx) * 750 / 390);
      width: 100%;
      display: flex;
      flex-direction: row;
      //background-color:red;
      .circle{
        height:calc(unit(60,rpx) * 750 / 390);
        width:calc(unit(60,rpx) * 750 / 390);
        border-radius:100%;
        margin-right: calc(unit(16,rpx) * 750 / 390);
        position: relative;
        .inCircle{
          width: calc(unit(45,rpx) * 750 / 390);
          height:calc(unit(45,rpx) * 750 / 390);
          border-radius:100%;
          border:white solid calc(unit(6,rpx) * 750 / 390);;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%,-50%);
        }
        image{
          width: 100%;
          height: 100%;

        }
      }
    }
  }
}
.payBlock{
  height:5.69%;
  width: calc(unit(350,rpx) * 750 / 390);
  bottom: 2%;
  left: calc((100% - unit(350,rpx) * 750 / 390)/2);;
  border-radius:8px;
  display: flex;
  flex-direction: row;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right:4px solid black;
  border-bottom:4px solid black;
  font-size:calc(unit(18,rpx) * 750 / 390);
  position: fixed;
  box-sizing: border-box;
  .Left{
    width: calc(unit(275,rpx) * 750 / 390);
    display: flex;
    flex-direction: row;
    image{
      position: relative;
      top:calc((100% - unit(24,rpx) * 750 / 390)/2);;
      left: calc(unit(16,rpx) * 750 / 390);
      height:calc(unit(24,rpx) * 750 / 390);
      width:calc(unit(24,rpx) * 750 / 390);

      //margin-top:calc(unit(10,rpx) * 750 / 390); ;
      //background-color: gray;
    }
    .text{
      position: relative;
      top:calc((100% - unit(21,rpx) * 750 / 390)/2);;
      left: calc(unit(24,rpx) * 750 / 390);
      height: calc(unit(21,rpx) * 750 / 390);;
      line-height:calc(unit(21,rpx) * 750 / 390);
      //background-color:red;
    }
  }
  .Right{
    line-height:calc(unit(40,rpx) * 750 / 390);
    width: calc(unit(75,rpx) * 750 / 390);
    border:1px solid black;
    background-color: #115BDE;
    box-sizing: border-box;
    text-align:center;
    color:white;
  }
}